<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%String path = request.getContextPath();%>
<%@ taglib uri="/WEB-INF/tld/c.tld" prefix="c" %>
<%@ taglib uri="/WEB-INF/tld/sys.tld" prefix="sys" %>
<%@ taglib uri="/WEB-INF/tld/ui.tld" prefix="ui" %>
<%@ taglib uri="/WEB-INF/tld/fmt.tld" prefix="fmt"%>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <c:set var="ctx" value="${pageContext.request.contextPath}"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <jsp:include page="../../import.jsp" flush="true"/>
    <title>报告</title>
    <jsp:include page="../../import.jsp" flush="true"/>
    <input type="hidden"  value="${prjId}"   name="prjId" id="prjId"/>

    <input type="hidden"  value="${isShowAc}"   name="isShowAc" id="isShowAc"/>
</head>
<style>
    th{text-align: center;}
    tr{height: 35px;}
    td{text-align: center;}


    .c_p_icon{
        display: inline-block;
        width: 20px;
    }

    .c_content{
        display: none;
    }
    .c_icon{
        background-position: 0 -140px;
    }
    .c_display .c_icon{
        background-position: 0 -160px;
    }
    .c_detail{
        display: none;
    }
    .c_display.c_detail{
        display: block;
    }

</style>
<script type="text/javascript">

function toggerDetail(id) {
    $("#ia"+id+",#aa"+id).toggleClass("c_display");
}
</script>
<body class="iframeBody">
<div class="searchArea">
    <form id="searchBar">
        <c:if test="${ysejdReportVO!=null}">
                    <table width="90%"  class="table_full">
                        <tr><td colspan="9"> <h1>报告</h1></td></tr>
                        <tr>
                            <td style="text-align: right;" >查询时间:</td>
                            <td colspan="2" style="text-align: left; "> <fmt:formatDate value="${ysejdReportVO.crtTm}" type="date" pattern="yyyy-MM-dd"/></td>
                            <td style="text-align: right; ">查询范围:</td>
                            <td colspan="2" style="text-align: left"> <fmt:formatDate value="${ysejdReportVO.crtTm}" type="date" pattern="yyyy-MM-dd"/> &nbsp;—&nbsp; <fmt:formatDate value="${ysejdReportVO.endDate}" type="date" pattern="yyyy-MM-dd"/></td>
                            <td style="text-align: left; "></td>
                            <td colspan="2" style="text-align: left; "></td>
                        </tr>

                        <tr style="text-align: center;background-color: #EDEDED" >
                            <td colspan="9"> ----- 涉诉类-----</td>
                           </tr>

                            <tr><td colspan="9">
                            <table width="100%"   >
                                <tr>
                                    <th width="10%">序号</th>
                                    <th width="15%">当事人称号</th>
                                    <th width="15%">案由</th>
                                    <th width="15%">审结时间</th>
                                    <th width="15%">案件编号</th>
                                    <th width="30%">案件标题</th>
                                </tr>
                                <c:if test="${ysejdReportVO.ysejdCpwsVOList!=null}">
                                <c:forEach items="${ysejdReportVO.ysejdCpwsVOList}" var="ysejdCpwsVO" varStatus="status">
                                <tr id="f1">
                                    <td><span class="c_p_icon"><a class="sq-button-hasicon" id="ia${status.index + 1}" href="javascript:toggerDetail(${status.index + 1})"><i class="fa c_icon" aria-hidden="true"></i>${status.index + 1}</a></span></td>
                                        <td>${ysejdCpwsVO.cpwsTitle}</td>
                                        <td>${ysejdCpwsVO.caseCause}</td>
                                        <td><fmt:formatDate value="${ysejdCpwsVO.sortTm}" type="date" pattern="yyyy-MM-dd"/></td>
                                        <td>${ysejdCpwsVO.caseNo}</td>
                                        <td>${ysejdCpwsVO.title}</td>
                                    </tr>
                                    <tr style="height: 0px;"  >
                                        <td colspan="9">
                                            <div class="field c_detail" style="vertical-align: middle;" id="aa${status.index + 1}">
                                                <p>案件内容</p>
                                                <textarea name="" id="" rows="8" class="l-textarea" style="width:79%"
                                                          value="">${ysejdCpwsVO.body}</textarea>
                                                <p>判决结果</p>
                                                <textarea name="" id="" rows="5" class="l-textarea" style="width:79%"
                                                          value="">${ysejdCpwsVO.judgeResult}</textarea>
                                            </div>
                                        </td>
                                    </tr>
                                </c:forEach>
                                </c:if>

                            </table>
                            </td></tr>
                        <tr style="text-align: center;background-color: #EDEDED" >
                            <td colspan="9"> ----- 被执行类-----</td>
                        </tr>

                        <tr><td colspan="9">
                            <table width="100%"   >
                                <tr>
                                    <th width="10%">序号</th>
                                    <th width="15%">类型</th>
                                    <th width="15%">案件状态</th>
                                    <th width="15%">案件编号</th>
                                    <th width="15%">案件标题</th>
                                    <th width="15%">标的</th>
                                    <th width="15%">立案时间</th>
                                </tr>
                                <c:if test="${ysejdReportVO.ysejdZxggVOList!=null}">
                                    <c:forEach items="${ysejdReportVO.ysejdZxggVOList}" var="ysejdZxggVO" varStatus="status1">
                                        <tr>
                                            <td>${status1.index + 1}</td>
                                            <td>${ysejdZxggVO.dataType}</td>
                                            <td>${ysejdZxggVO.caseCause}</td>
                                            <td>${ysejdZxggVO.caseNo}</td>
                                            <td>${ysejdZxggVO.title}</td>
                                            <td>${ysejdZxggVO.execMoney}</td>
                                            <td> <fmt:formatDate value="${ysejdZxggVO.sortTm}" type="date" pattern="yyyy-MM-dd"/></td>
                                        </tr>
                                    </c:forEach>
                                </c:if>

                            </table>
                        </td></tr>

                    </table>
        </c:if>


    </form>
</div>
</div>
<div id="ligergrid1" class="sq-grid"></div>
</body>
</html>